// Vue.component('show-data',{
//        props:['arr'],
       //在组建内部，data必须写作一个函数
//        data(){
//            const char1 = '这',
//            const char2 = '是'
//            const resChar= char1+char2
//            return{
//                 description:resChar
//             }
   
//        },
//        template:`
//        <ul>
//        <li v-for="(x,in) in arr" v-on:click=""alert(index))>{{x}}</li>
//        </ul>`,
//        methods:{
//            showIndex(index){
//                alert(index);
//            }
//        }
// });

// new Vue({
//     el:"#main",
//     data:{
//         arrNum:[1,2,3],
//         arrLetter:['A','B','C']
//     }
// });

Vue.component('show-data', {
    props: ['arr'],
    template: `
        <ul>
            <li v-for="x in arr">{{x}}</li>
        </ul>
    `
});

new Vue({
    el: '#main',
    data: {
        arrNum: [1,2,3],
        arrLetter: ['A','B','C']
    }
});